
//获取第一个标题元素距离页面顶端的距离
let top1 = $(".content").offset().top;
// 滚轮事件
$(window).scroll(function () {
    // 如果滚轮的scroll 值大于 标题的scroll的值 则给 .join_connect  添加一个固定定位属性
    if ($(window).scrollTop() >= top1) {
        $('.join_connect ').css({
            'position': 'fixed',
            top: 10
        });
    } else { //// 否则 标题的scroll的值 则给 .join_connect 添加一个静态定位属性
        $('.join_connect ').css('position', 'static');
    }
})
// 把路径跳转干掉
$(function () {
    $('.com_sidebar_top_hbody').on("myClick", function () {
        $(this).find('a').attr('href', 'javacript:;')
    });
    $('.com_sidebar_top_hbody').click(function () {
        $(this).trigger("myClick");
    }).trigger("myClick");
})

// 点击 导航列表 把 window 的值跳到 对应的值

$('.com_sidebar_top_hbody').on('click', 'a', function () {
    //   当前li 背景色变为黑色 其他 li 变为白色
    $(`.gie_list[page_id = ${$(this).attr('page_id')}]`).css('backgroundColor', '#36383d').siblings().css('backgroundColor', '#f5f5f5');
    // // 当前 li 的后代 中的a标签 的颜色全部变为 白色
    $(`.gie_list[page_id = ${$(this).attr('page_id')}]`).find('a').css('color', '#fff')
    // // 其他的li 的后代 中的a标签变为灰色
    $(`.gie_list[page_id = ${$(this).attr('page_id')}]`).siblings().find('a').css('color', '#666');
    // // 获取 对应内容的 offset().top的值
    let top2 = $(`.gie_list[page_id = ${$(this).attr('page_id')}]`).offset().top - 10;
    // // 设置 body 的scrollTop 的值为对应的值 动画过度
    $("html,body").animate({ scrollTop: top2 }, 400, 'linear');
})


// 设置加盟指南内容移入变色
$('.gie_mainRightMain').on('mouseover', '.gie_list', function () {
    // 移入背景色变  后代所有a标签变色
    $(this).css({ backgroundColor: '#f5f5f5' }).find('a').css('color', '#f84700');
}).on('mouseout', '.gie_list', function () {
    // 后代所有a标签变色后代所有a标签变色
    $(this).find('a').css({ color: '#666666' })
})




